// import { render } from "@testing-library/react";
// import React from "react";

// class DemoA extends React.Component {
//     constructor(props) {
//         super(props)
//         this.state = {
//             num: 1
//         }
//     }

//     add() {
//         //   写法初始化1
//         // this.setState({
//         //     // num: ++this.state.num
//         //     // ++1是先做自增再做其他运算
//         //     // 不推荐这样写，原因是修改了两次num，一次是直接修改，一次是间接修改

//         //     //  推荐写法，不修改老状态，利用老状态计算得出新状态
//         //     num: this.state.num + 1
//         // })

//         // 推荐写法   state形参
//         // this.setState((state) => {
//         //     return { num: state.num + 1 }
//         // })
//         //箭头函数简写
//         // this.setState(state => ({ num: state.num + 1 }))
//         // 等价于    形参变量名可以使用——来表示老状态
//         this.setState(_ => ({ num: _.num + 1 }))
//     }

//     render() {
//         let { num } = this.state;
//         // console.log(render);
//         return (
//             <div>
//                 <h1>类组件</h1>
//                 <h1>{num}</h1>
//                 {/* this指向组合实例 */}
//                 <button onClick={this.add.bind(this)}>+1</button>
//             </div>
//         )
//     }
// }
// export default DemoA;